<template>
	<div>
		<div class="loan_nav">
			<ul>
				<li>
					<a href="javascript:history.go(-1)">
						<i class="iconfont">&#xe61e;</i>
					</a>
				</li>
				<li>
					<p>征信查询</p>
				</li>
				<li></li>
			</ul>
		</div>
		<div class="interval_T">

		</div>
		<div>
			<swiper :list="imgList" :show-dots="false" loop auto :aspect-ratio="0.3" dots-position="center" dots-class="custom-bottom"></swiper>
		</div>
		<div class="creditinquiry_form">
			<ul>
				<!-- <li><p>姓名：</p></li> -->
				<!-- <li><input type="text" placeholder="请输入您的姓名"></li> -->
				<li>
					<x-input placeholder="请输入您的名字"></x-input>
				</li>
			</ul>
			<ul>
				<!-- <li><p>信用卡:</p></li> -->
				<!-- <li><input type="text" placeholder="请输入名下任意一张信用卡号"></li> -->
				<li>
					<x-input placeholder="请输入名下任意一张信用卡号"></x-input>
				</li>
			</ul>
			<ul>
				<!-- <li><p>手机号:</p></li> -->
				<!-- <li><input type="text" placeholder="请输入信用卡绑定手机号"></li> -->
				<li>
					<x-input placeholder="请输入信用卡绑定手机号"></x-input>
				</li>
			</ul>
		</div>
		<div class="creditinquiry_last">
			<ul style="width:100%">
				<li style="width:100%">
					<ul class="creditinquity_mark" style="width:100%">
						<!-- <li><p>验证码:</p></li> -->
						<!-- <li><input type="text" placeholder="请输入验证码"></li> -->
						<li style="width:100%">
							<x-input placeholder="请输入验证码">
								<img slot="right-full-height" src="https://ws1.sinaimg.cn/large/663d3650gy1fq684go3glj203m01hmwy.jpg">
							</x-input>
						</li>
					</ul>
				</li>
				<!-- <li>
                    <div><p>6515</p></div>
                </li> -->
			</ul>
			<!-- <div>
                <p>看不清，换一张</p>
            </div> -->
		</div>
		<!-- <div class="creditinquiry_btn">
			<input type="button" value="查询">
		</div> -->
	</div>
</template>
<script>
import { XInput } from 'vux'
export default {
	components: {
		XInput
	},
	data() {
		return {
			imgList: []
		}
	},
	created() {
		this.queryImg()
	},
	methods: {
		queryImg() {
			this.$http.get('/app/index/carousel', {
				params: { page: 'creditinquiry' }
			}).then(json => {
				const { code, carousel } = json
				if (code === 0) {
					carousel.forEach(n => {
						this.imgList.push({
							url: n.url,
							img: n.imgPath
						})
					})
				}
			})
		}
	}
}
</script>
<style>
.creditinquiry_form .weui-cell {
  padding: 0;
}
.creditinquiry_form .weui-label {
  font-size: 0.24rem;
}
.creditinquiry_last .weui-cell {
  padding: 0;
}
.creditinquiry_last .vux-x-input-right-full img,
.creditinquiry_last .vux-x-input-right-full {
  height: 30px;
}
</style>

